<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Folio</title>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/folio.css"/>
    <link rel="stylesheet" href="css/css初始化.css"/>
    <script src="js/jquery-1.4.4.min.js"></script>
    <script src="js/xuanzhuan.js"></script>
    <script src="js/folio.js"></script>
</head>
<body>
<div class="body1">
    <div class="heard">
        <div class="w">
            <h1><a href="#"><img src="images/logo.png" alt=""/></a></h1>
            <form class="fr">
                <input type="text" class="text"/>
                <input type="button" class="btn"/>
            </form>
            <ul class="fr">
                <li><a href="home.html"><i></i>Home</a></li>
                <li><a href="about.html"><i></i>About</a></li>
                <li><a href="folio.html"><i></i>Folio</a></li>
                <li><a href="services.html"><i></i>Services</a></li>
                <li><a href="news.html"><i></i>News</a></li>
                <li><a href="contact.html"><i></i>Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="top" style="height: 80px;"></div>
    <div class="gallery w">
        <ul id="xuanzhuan">
            <li><img src="images/img1.png" alt=""/> </li>
            <li><img src="images/img2.png" alt=""/></li>
            <li><img src="images/img3.png" alt=""/></li>
        </ul>
        <div class="arrow" id="arrow">
            <a href="javascript://" class="prev" id="arrLeft"></a>
            <a href="javascript://" class="next" id="arrRight"></a>
        </div>
    </div>
    </div>
<div class="folio w clearfix">
    <div class="nav_l">
        <h3><img src="images/co.png" alt=""/></h3>
        <ul>
            <li><a href="javascript:void(0)">Fashion</a></li>
            <li><a href="javascript:void(0)">3D Objects</a></li>
            <li><a href="javascript:void(0)">Wedding</a></li>
            <li><a href="javascript:void(0)">Reportage</a></li>
            <li><a href="javascript:void(0)">Advertising</a></li>
            <li><a href="javascript:void(0)">Portrait</a></li>
        </ul>
    </div>
    <div class="imgbox fl clearfix">
        <h3><img src="images/fa.png" alt=""/><img src="images/ce.png" class="cccc"></h3>
        <div class="img-box clearfix">
                <div>
                    <img src="images/page3_img1.jpg" alt=""/>
                    <span></span>
                </div>

                <div><img src="images/page3_img2.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img3.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img4.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img5.jpg" alt=""/>
                    <span></span>
                </div>

                <div><img src="images/page3_img6.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img7.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img8.jpg" alt=""/>
                    <span></span>
                </div>
                <div>
                    <img src="images/page3_img9.jpg" alt=""/>
                    <span></span>
                </div>
            </div>
    </div>
</div>
<div class="pp_pic">
    <img src="images/big_img1.jpg" alt=""/>
    <div class="pic_arrow">
        <a href="javascript://" class="a_left"><img src="images/btnPrevious.png"></a>
        <a href="javascript://" class="a_right"><img src="images/btnNext.png"></a>
    </div>
</div>
<div class="pp_overplay"></div>
<!--底部S-->
<div class="footer">
    <div class="w">
        <div class="foot1">
            <span class="fl"><a href="#">Website template</a><br/>More Templates</span>
            <ul class="fr">
                <li><a href="#"><img src="images/icon1.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon2.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon3.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon4.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon5.png" alt=""/></a></li>
                <li><a href="#"><img src="images/icon6.png" alt=""/></a></li>
            </ul>
        </div>
    </div>
</div>
<!--底部E-->
</body>
</html>